<div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
    <div class="am-modal-dialog">
        <div class="am-modal-hd" id="my-alert-title">Amaze UI</div>
        <div class="am-modal-bd" id="my-alert-message">Hello world！</div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" id="my-alert-btn">确定</span>
        </div>
    </div>
</div>
<!--[if lt IE 9]>
<script src="{$webConfig.static_url}/public/assets/js/modernizr.js"></script>
<script src="{$webConfig.static_url}/public/assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<script src="{$webConfig.static_url}/public/assets/js/jquery.min.js"></script>
<script src="{$webConfig.static_url}/public/assets/js/amazeui.min.js"></script>
<script src="{$webConfig.static_url}/public/static/xbj_script.js"></script>
<script src="{$webConfig.static_url}/public/assets/js/jquery.min.js"></script>
<script src="{$webConfig.static_url}/public/assets/js/modernizr.js"></script>
<script src="{$webConfig.static_url}/public/assets/js/amazeui.ie8polyfill.min.js"></script>
<script>
    var $modal = $('#my-alert');
    function alertShow(message, status) {
        var title = '消息';
        switch (status) {
            case '200':
                title = '消息';
                break;
            case '400':
                title = '提示';
                break;
            case '500':
                title = '警告';
                break;
            default:
                title = '消息';
                break;
        }
        $('#my-alert-title').html(title);
        $('#my-alert-message').html(message);
        $('#my-alert').addClass('am-modal-active').show();
    }
    
    $(function () {
        $('#my-alert-btn').on('click',function () {
            $('#my-alert').hide();
        })
    })
</script>
